@import url(https://fonts.googleapis.com/css?family=Open+Sans:400\,400italic,700,700italic);

body {
    font-family: 'Open Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.42857143;
    background-color: #fff;
}

html._AF body{
  font-size: 1em;
  font-family: 'Open Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;
  line-height: 1.4285;
}

html._AF h1 {
    font-size: 1.8em;
    font-weight: bold;
    margin: 0 0 0.5em 0;
    font-family: 'Open Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;
}


html._AF h2 {
    font-size: 1.6em;
    font-weight: 300;
    margin-top: 30px!important;
    margin-bottom: 15px;
    border-bottom: 0px;
    padding: 0px;
    font-family: 'Open Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

html._AF h3 {
    font-size: 1.4em;
    font-weight: bold;
    margin: 20px 0 15px;
    color: #262626;
    font-family: 'Open Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;
}
 /* Not currently in Use - LUCY COX 25/01/2023
html._AF p
  font-size: 16.72px;
  font-family: 'Open Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;
  line-height: 1.4285;
*/

body._AF article, body._AF footer, body._AF form, body._AF header, body._AF input, body._AF label, body._AF nav, body._AF section, body._AF select, body._AF textarea, div._AF article, div._AF footer, div._AF form, div._AF header, div._AF input, div._AF label, div._AF nav, div._AF section, div._AF select, div._AF textarea, html._AF article, html._AF footer, html._AF form, html._AF header, html._AF input, html._AF label, html._AF nav, html._AF section, html._AF select, html._AF textarea {
    font-family: 'Open Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

header.formHeader.render.row.af-row {
    font-family: 'Open Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

button.btn.btn-af.nextbutton.pull-right, .btn.btn-af.submitbutton, .btn.btn-af.cancelbutton, .btn.btn-af.previousbutton, .btn.btn-af.savebutton {
    color: #000000;
    background-color: #CCCCCC;
    border-radius: 0px;
    border: 0px;
    /*font-size: 0.9em;*/
    font-family: "Open Sans";
    /* padding: 5px 25px 5px 10px; */
}

button.btn.btn-af.nextbutton.pull-right:hover, .btn.btn-af.submitbutton:hover, .btn.btn-af.cancelbutton:hover, .btn.btn-af.previousbutton:hover, .btn.btn-af.savebutton:hover {
    background-color: #D6D6D6;
	border: 1px solid black;
}

span._formName {
    font-family: 'Open Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif !important;
    color: #000;
}

span._fieldName {
    font-family: 'Open Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif !important;
}

p, span._fieldName, .fieldInput, fieldset, body ul li {
    font-family: 'Open Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif !important;
    line-height: 1.6;
    margin-bottom: 15px;
    font-size: 1.1em;
}
.staticText body ul li {
  line-height: 0.6;
}

span._formDescription {
  display: none;
  /*background-color: #f4f4f4;
  color: #36063e;
  font-weight: bold;
  padding: 15px;
  margin-bottom: 25px;
  display: block;
  font-family: 'Open Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif !important;*/
}
#app-content h1{
    font-size: 2.5em;
    font-weight: bold;
    margin: 0 0 0.5em 0;
    font-family: 'Open Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

._AF .mandatory, .achieveforms-container .mandatory {
  color: #DF0000 !important;
}

a {
  color: #06c;
  /*position: relative;*/
}

a:hover {
  text-decoration: underline;
  color: #06c;
}

a:active {
  text-decoration: underline;
  color: #06c;
}

a:focus {
  text-decoration: underline;
  color: #06c;
}

a:active{
  text-decoration: underline;
  color: #551A8B;
}

/*
 * adds icon after opens in new tab links
 */
a[target="_blank"]{
  position: relative;
  display: inline-block;

} 
a[target="_blank"]:after {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
  margin: 0 3px 0 5px;
}
a[target="_blank"]:hover:after{
  content: "Opens in new tab";
  text-decoration: none !important;
  font-size: 0.8em;
  width: 110px;
  background-color:  white;
  color: black;
  text-align: center;
  padding: 2px 0;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -55px;
  display: inline-block;
  border: 1px solid black;
  border-radius: 5px;
}

.hidden{
  display: none;
}

/* 
 * MyServices category button styling
 * Current category
 * button hover
 * Unselected button
 */
.service-groups a.fsservice-pretty-link.active {
    border: 1px #333 solid !important;
    background-color: #d6d6d6 !important;
    color: #333 !important;
}

.service-groups a.fsservice-pretty-link:hover, .service-groups a.fsservice-pretty-link:active {
    border: 1px #333 solid;
    background-color: #d6d6d6;
    color: #333;
}

.service-groups a.fsservice-pretty-link:link, .service-groups a.fsservice-pretty-link:visited {
    border: 1px #434343 solid;
    padding: 8px;
    border-radius: 4px;
    display: block;
    color: #434343;
    text-decoration: none;
}


.btn-primary {
    color: #333;
    background-color: #d6d6d6;
    border-color: #c5c5c5;
    font-weight: bold;
    }

.btn-primary:hover {
    color: #222;
    background-color: #b9b9b9;
    border-color: #c5c5c5;
    font-weight: bold;
    }



.services li{
  margin-bottom: 15px;
  font-size: 1.1em;
}


.service-groups .menu .leaf h2{font-size: 18px;}
.service-groups .menu .leaf div{font-size: 0.8em;}
.fsservice-pretty-link{height: 65px !important;}
/*
 * float text left and right
 * clearfix to prevent overlapping non floating elements
 <div class="clear">
    <p class="floatleft">left</p>
    <p class="floatright">right</p>
  </div>
  <p>normal</p>
 */

.floatleft
{
  float: left;
}
.floatright
{
  float: right;
}
.clear
{
  clear:both;
}

/*
 * Hide default group button
 */
.service-groups a[data-group-id="DefaultServiceGroup"
]{
  /*display: none !important;*/
}

/*
 * Mobile fixes 
 */

 .achieveforms-container .help-img{
  float: none;
 }
/*Focus colour updates*/

button.btn.btn-af.nextbutton.pull-right:focus, 
.btn.btn-af.submitbutton:focus,
.btn.btn-af.nextbutton:focus, 
.btn.btn-af.cancelbutton:focus, 
.btn.btn-af.previousbutton:focus, 
.btn.btn-af.savebutton:focus {
background-color: #D6D6D6;
border: 1px solid black;
}